<template>
	<view class="payment">
		<o-row class="panel-title">
			<o-col span="12">总金额：{{ money }}元</o-col>
			<o-col span="12" class="text-right">
				<u-button size="mini">添加付款节点</u-button>
			</o-col>
		</o-row>
		<template v-if="list.length">
			<u-card v-for="(v, k) in list" :key="k">
				<o-row slot="head" class="card-hd">
					<o-col span="22">{{ v.paymentNodeNumber }}. {{ v.payName }}</o-col>
					<o-col span="2" class="text-right">
						<u-icon name="trash" color="#fa3534" size="18px"></u-icon>
					</o-col>
				</o-row>
				<view slot="body" class="card-bd">
					<u-field label="付款条件" v-model="v.paymentCondition" :disabled="true"></u-field>
					<view class="u-field u-border-bottom num">
						<view class="u-field-inner u-label-postion-left">
							<text class="u-label">付款周期(天)</text>
							<u-number-box :min="1" v-model="v.paymentCycle"></u-number-box>
						</view>
					</view>
					<view class="u-field u-border-bottom num">
						<view class="u-field-inner u-label-postion-left">
							<text class="u-label">付款百分比(%)</text>
							<u-number-box :min="1" v-model="v.paymentPercentage"></u-number-box>
						</view>
					</view>
					<u-field label="付款金额" v-model="v.paymentAmount" placeholder="请输入"></u-field>
				</view>
			</u-card>
		</template>
		<u-empty v-else></u-empty>
	</view>
</template>

<script>
import oRow from '@/components/oveui-layout/o-row/o-row.vue';
import oCol from '@/components/oveui-layout/o-col/o-col.vue';
export default {
	name: 'paymentInfo',
	components: { oRow, oCol },
	props: {
		money: {
			type: [String, Number],
			default() {
				return 0;
			},
		},
		list: {
			type: Array,
			default() {
				return [];
			},
		},
	},
	data() {
		return {};
	},
	mounted() {},
	methods: {},
};
</script>

<style lang="scss" scoped>
</style>